<template>
  <div class="taxi-content">
    <div class="taxi-head">
      <router-link to="/home/taxi" class="taxi-left">
          <span class="iconfont icon-fanhui">
          </span>
      </router-link>
      <h3>切换身份</h3>
    </div>
    <div class="waper">
      <ul>
        <li class="item-info2">
          <mt-field label="车主姓名" v-model="nickname" placeholder="请输入车主姓名" ></mt-field>
        </li >
        <li class="item-info2">
          <mt-field label="工号" v-model="name" placeholder="请输入工号"></mt-field>
        </li >
        <li class="item-info2">
          <mt-field label="身份证" v-model="id_card" placeholder="请输入身份证"></mt-field>
        </li >
        <li class="item-info2">
          <mt-field type="password" label="密码" v-model="drpass" placeholder="请输入密码" ></mt-field>
        </li >
      </ul>
      <button @click="change">切换身份</button>
    </div>
  </div>
</template>
<script>
  import {Indicator,Toast} from 'mint-ui'
export default {
    data(){
      return {
        id_card: '',
        nickname: '',
        name: '',
        drpass: ''
      }
    },
  created(){

  },
  methods: {
    change(){
      Indicator.open('切换中')
      setTimeout(()=>{
        Indicator.close()
        this.$router.push({path: '/driver'})
        Toast('切换为司机')
      },800)

    }
  }
}
</script>
<style>
  .taxi-content {
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    color: #999;
    background-color: #fff;
    text-align: left;
  }
  .taxi-head{
    width: 100%;
    height: 50px;
    line-height: 15vw;
    background: rgb(243, 236, 249);
    color: #2b2b2b;
    text-align:center;
  }
  .taxi-left{
    width: 38px;
    height: 38px;
    display: block;
    float: left;
    color: #00A5ED
  }

  .waper {
    width: 100%;
    position: absolute;
    top: 50px;
    background: rgb(243, 236, 249);
  }

  .item{
    width: 100%;
    height: 50px;
    background-color: rgba(243, 236, 249, 0);
  }
  .item-info2 {
    width: 100%;
    height: 50px;
    background-color: rgb(255, 251, 251);

  }
  .item-info2{
    color: #2b2b2b;
    height: 60px;
    line-height: 60px;
    border-bottom: #d1d1d1 solid 1px;
  }


  button{
    background-color: #379bff;
    width: 100%;
    height: 50px;
    color: #ffffff;
  }
  .alt{
    color: aliceblue;
  }
</style>
